html,body{
  height: 100%;
  font-size: 14px;
  font-size:62.5%;
}
*{
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 600px) {
    .container {
        width: 50%!important;
        margin: 0 auto;
    }
    .content > img{
       width: 50%!important;
    }
    .baseInfo{
      width: 50%!important;
    }
    .wayInfo{
      width: 50%!important;
    }
}
.container{
  width: 100%;
}
.content{
  width: 100%;
}
.content > img{
   width: 100%;
   position: absolute;
   z-index: -1;
}
.title{
  width: 100%;
  margin: 0 auto;
  padding: 25% 0 0 0;
  text-align: center;
  z-index: 11;
}
.title > img{
  width: 80%;
}
/*注册页面1*/
.content p{
  font-size: 1.5rem;
  font-family: '黑体';
  color: white;
  margin-left: 5%;
  margin-top: 2%;
  margin-bottom: 2%;
  width: 90%;
}
.baseInfo{
  width: 100%;
  height: 31%;
  background-color: white;
  position: absolute;
}
.baseInfo input,.photoBox{
  width: 100%;
  height: 24%;
  border-bottom: 0.5px solid #ddd;
  font-size: 1rem;
  text-indent: 30%;
}
.baseInfo .name{
  background: url(../images/name.png) 3% center no-repeat;
  background-size: 12%;
}
.baseInfo .photoBox{
  background: url(../images/photo.png) 3% center no-repeat;
  background-size: 12%;
  padding-top: 4%;
  height: 16%!important;
}
.photoBox .upload{
  display:block;
  float: left;
  width: 100%;
  overflow: hidden;
}
.baseInfo .sex{
  background: url(../images/sex.png) 3% center no-repeat;
  background-size: 12%;
}
.baseInfo .birth{
  background: url(../images/birth.png) 4% center no-repeat;
  background-size: 24%;
  border-bottom: none;
}
#photo{
  width:60%;
  opacity: 0;
  position: absolute;
  right: 30%;
  top:34%;
  height:7%;
}
.upload{
  display: inline-block;
}
/*左箭头*/
.baseInfo span{
  display: block;
  position: fixed;
  top: 41%;
  left:90%;
  width: 10%;
  height: 7.5%;
  background: url(../images/Larrow.png) center no-repeat;
  background-size: 35%;
}
.Larrow{
top:49%!important;
}
/*联系方式*/
.contactWay{
  margin-top: 60%!important;
  margin-bottom: 2%!important;
}
.wayInfo{
  width: 100%;
  height: 23%;
  background-color: white;
  overflow: hidden;
  position: absolute;
}
.wayInfo input{
  width: 100%;
  height: 32%;
  border-bottom: 0.5px solid #ddd;
  font-size: 1rem;
  text-indent: 30%;
}
.wayInfo .number{
  background: url(../images/number.png) 4% center no-repeat;
  background-size: 24%;
}
.wayInfo .email{
  background: url(../images/email.png) 4% center no-repeat;
  background-size: 24%;
}
.wayInfo .address{
  background: url(../images/address.png) 4% center no-repeat;
  background-size: 24%;
}
.content .nextBtn{
  width: 30%;
  height: 6%;
  margin-top: 43%;
  border: none;
  background-color: transparent!important;
}
.nextBtn > img{
  width: 100%;
}
.left{
  float: left;
  margin-left: 5%;
}
.right{
  float: right;
  margin-right: 5%;
}
.tip{
  font-family: '黑体';
  font-size: 0.7rem!important;
  display: block;
  color: white;
  text-align: center;
  margin:130% auto 0!important;
}
/*注册页面2*/
.localDetails{
  width: 100%;
  height: 57.5%;
  margin-top: 2%;
  overflow: hidden;
  position: absolute;
}
.submit{
  width: 30%;
  height: 6%;
  float: right;
  margin-right: 5%;
  margin-top: 107%;
  border: none;
  background-color: transparent!important;
}
.submit img{
  width: 100%;
}
.localDetails>p{
  font-size: 1.2rem;
  font-family: '黑体';
  color: white;
  margin-left: 5%;
  margin-bottom: 3%;
  margin-top: 3%;
}
.materialType{
  margin-left: 7%!important;
}
.localDetails span{
  font-size: 0.8rem;
  font-family: '黑体';
  color: white;
}
.localDetails input{
  width: 100%;
  height: 12.5%;
  border-bottom: 0.5px solid #ddd;
  font-size: 1.3rem;
}
.chooseType{
  width: 100%;
  height: 85%;
  margin-top: 10%;
}
#word,#picture,#videos{
  width: 5%;
  height: 5%;
  margin-left: 13%;
  display: block;
  float: left;
}
label{
  font-size: 1.4rem;
  color: white;
  font-family: '黑体';
  margin-left: 1%;
  display: block;
  float: left;
}
.chooseType span{
  display: block;
  width: 3%;
  height: 3%;
  float: left;
  border-radius: 100%;
  background: url(../images/choose.png) no-repeat;
  background-size: contain;
  margin-left: -4%;
  margin-top: 0.7%;
  opacity: 0;
}
.chShow{
  opacity: 1!important;
}
/*隐藏层*/
.hidde{
  display: none;
  z-index: 100;
}
.hiddeContent{
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: white;
  opacity: 0.5;
}
.sexChoose{
  width: 100%;
  height: 38%;
  background-color: #292829;
  position: fixed;
  bottom: 0;
  left: 0;
}
.sexChoose p{
  width: 100%;
  height: 49%;
  border-bottom: 0.5px solid #ddd;
  text-align: center;
  line-height: 9rem;
  font-size: 1rem;
  color: white;
}
.wrap{
  width: 80%;
  height: 56%;
  position: fixed;
  top: 28.5%;
  left: 10%;
  background: url(../images/wrap.png) no-repeat;
  background-size:100% 86%;
}
.wrapTitle{
  width: 40%;
  height: 20%;
  background: url(../images/success.png) no-repeat;
  position: fixed;
  top:32%;
  left:30%;
  background-size:contain;
}
.wrap p{
  width: 71%;
  font-size: 1rem;
  color: orange;
  position: fixed;
  top:45%;
  left: 15%;
}
.wrap p span{
  position: fixed;
  top:53%;
}
#groom{
  width: 60%;
  height: 15%;
  background: url(../images/groom.png) no-repeat;
  background-size: contain;
  position: fixed;
  top:59%;
  left: 20%;
  border: none;
}
.top_107{
  margin-top: 107%!important;
}
